<div style="background:#000000" height="32px">
    <div style="float: right">
      <img src="../assets/siemens-logo.jpg" height="32px">
    </div>
    <div style="float: left">
        <img src="../assets/logo.png" width="90px" height="32px">
    </div>
    <div>
      <!-- <div style="float: left; position: absolute; top:30%; left:40%;">
        <img src="../assets/SensorTrust_title.png">
      </div>
      <div style="position:absolute; color: white; width: 500px;top: 50%;margin-left:40%;margin-top: -5%;">
          Welcome to the platform of helping you to evaluate sensor trust levels
      </div>
      <div style="position:absolute; color: white; top: 50%;margin-top: 0%;margin-left: 50%;">
        <button nz-button class="ant-btn-hack" style="background: chocolate;" (click)="redirect2upload()">Authorize Sensor</button>
      </div> -->

      <div style="position:absolute;background-color: #000000;color:white;top:20%;left:30%;padding-left:10px;padding-top:10px;font-size:16px;">
        <form nz-form [formGroup]="validateForm">
            <div>
                <h1 style="color:white;font-size:30px;font-family: SiemensSans-Roman;">Authorize Sensor</h1>
                <!-- <h2 style="color: #6A6A6A;font-size:16px;font-family: SiemensSans-Roman;">Please import your sensor data and meta data from your computer</h2> -->
            </div>
            <div>
              <h3 style="margin-top:50px;color:white;font-size:20px">Sensor Data</h3>
            </div>
              <div>
                <p>
                  <input type="text" id="textId" class="inputText" style="width:600px;background-color: #131313;color:white;border:0.5px solid #2B2B2B">
                    <a class="file">Select file
                        <input type="file" placeholder="color:white" name="file" onchange="document.getElementById('textId').value=this.value">
                    </a >
                  </p >
                </div>
            <div>
              <h3 style="color:white;font-size:20px">Meta Data</h3>
            </div>

              <div>
                <p>
                  <input type="text" id="textId2" class="inputText" style="width:600px;background-color: #131313;color:white;border:0.5px solid #2B2B2B">
                    <a class="file">Select file
                      <input type="file" name="file" onchange="document.getElementById('textId2').value=this.value">
                    </a >
                  </p >
                </div>

                <div>
                  <h3 style="color:white;font-size:20px">Decision Rules</h3>
                </div>
    
                <div>
                  <p>
                    <input type="text" id="textId3" class="inputText"  style="width:600px;background-color: #131313;color:white;border:0.5px solid #2B2B2B">
                      <a class="file">Select file
                        <input type="file" name="file" onchange="document.getElementById('textId3').value=this.value">
                      </a >
                    </p >
                  </div>
          </form>
      </div>
       <div style="position:absolute;width:50%;top:60%;left:25%;padding-left:10px;padding-top:10px;font-size:16px">
            <div style="text-align:center">
                <button nz-button class="ant-btn-hack" nzSize="large" style="width:238px;background: #E87D2C;border:none;color:#FFFFFF" (click)="redirect2corr()">Next</button>
              </div>

              <div style="margin-top:10px;text-align:center;color:#FFFFFF">
                Cancel
              </div>
          </div>
      <img src="../assets/map.png" width="1920px" height="1080px">
    </div>
  
  </div>
  <div id="wrap">    <i nz-icon nzType="up" nzTheme="outline"></i><br/><span style="cursor: pointer;" (click)="redirect()">Explore Sensor's World</span></div>